.orderContainer {
  padding: 24px;
  background-color: #f5f5f5;
  min-height: 100vh;
}

.filterCard {
  margin-bottom: 24px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.listCard {
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.filterItem {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.filterLabel {
  font-weight: 500;
  color: #333;
  margin-right: 8px;
  white-space: nowrap;
}

.viewBtn {
  color: #1890ff;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.3s;
}

.viewBtn:hover {
  background-color: #e6f7ff;
  color: #1890ff;
}

.cancelBtn {
  color: #fa8c16;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.3s;
}

.cancelBtn:hover {
  background-color: #fff7e6;
  color: #fa8c16;
}

.deleteBtn {
  color: #ff4d4f;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.3s;
}

.deleteBtn:hover {
  background-color: #fff2f0;
  color: #ff4d4f;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .orderContainer {
    padding: 16px;
  }
  
  .filterItem {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .filterLabel {
    margin-bottom: 8px;
  }
}

/* 表格样式优化 */
:global(.ant-table-thead > tr > th) {
  background-color: #fafafa;
  font-weight: 600;
  color: #333;
}

:global(.ant-table-tbody > tr:hover > td) {
  background-color: #f5f5f5;
}

/* 卡片标题样式 */
:global(.ant-card-head-title) {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

/* 按钮样式优化 */
:global(.ant-btn-primary) {
  background-color: #1890ff;
  border-color: #1890ff;
}

:global(.ant-btn-primary:hover) {
  background-color: #40a9ff;
  border-color: #40a9ff;
}

/* 搜索框样式 */
:global(.ant-input-search .ant-input) {
  border-radius: 6px;
}

:global(.ant-input-search .ant-input:focus) {
  border-color: #1890ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

/* 选择器样式 */
:global(.ant-select-selector) {
  border-radius: 6px;
}

:global(.ant-select-focused .ant-select-selector) {
  border-color: #1890ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

/* 日期选择器样式 */
:global(.ant-picker) {
  border-radius: 6px;
}

:global(.ant-picker-focused) {
  border-color: #1890ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

/* 标签样式 */
:global(.ant-tag) {
  border-radius: 4px;
  font-weight: 500;
}

/* 分页样式 */
:global(.ant-pagination-item) {
  border-radius: 4px;
}

:global(.ant-pagination-item-active) {
  background-color: #1890ff;
  border-color: #1890ff;
}

/* 模态框样式 */
:global(.ant-modal-content) {
  border-radius: 8px;
}

:global(.ant-modal-header) {
  border-radius: 8px 8px 0 0;
}

/* 确认框样式 */
:global(.ant-modal-confirm-content) {
  margin-top: 16px;
}

/* 表格行选择样式 */
:global(.ant-table-row-selected > td) {
  background-color: #e6f7ff;
}

/* 加载状态样式 */
:global(.ant-spin-dot) {
  color: #1890ff;
}

/* 消息提示样式 */
:global(.ant-message-notice-content) {
  border-radius: 6px;
} 